<template>
  <div class="organization-manage">
    <el-col :span="5" style="padding-right: 20px">
      <!-- <tree-page @getOrganizationInfo="getOrganizationInfo"></tree-page> -->
      <tree-page></tree-page>
    </el-col>
    <!-- <el-col :span="19">
      <el-card style="margin-bottom: 20px">
        <div slot="header">
          <span>机构信息</span>
        </div>
        <el-form label-width="120px" :model="organizationInfo">
          <el-row type="flex">
            <el-col>
              <el-form-item label="机构编号">
                <el-input v-model="organizationInfo.id" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col>
              <el-form-item label="机构名称">
                <el-input v-model="organizationInfo.name" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col>
              <el-form-item label="机构类型">
                <el-select v-model="organizationInfo.type" disabled>
                  <el-option></el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-form-item label="机构地址" class="adress">
            <el-row type="flex">
              <el-col>
                <el-select placeholder="请选择省" style="width: 100%">
                  <el-option></el-option>
                </el-select>
              </el-col>
              <el-col style="margin: 0 4px">
                <el-select placeholder="请选择市" style="width: 100%">
                  <el-option></el-option>
                </el-select>
              </el-col>
              <el-col>
                <el-select placeholder="请选择县/区" style="width: 100%">
                  <el-option></el-option>
                </el-select>
              </el-col>
            </el-row>
          </el-form-item>
          <el-row type="flex">
            <el-col>
              <el-form-item label="详细地址">
                <el-input
                  v-model="organizationInfo.address"
                  disabled
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col>
              <el-form-item label="经度">
                <el-input
                  v-model="organizationInfo.longitude"
                  disabled
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col>
              <el-form-item label="维度">
                <el-input
                  v-model="organizationInfo.latitude"
                  disabled
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="机构负责人">
                <el-input
                  v-model="organizationInfo.managerName"
                  disabled
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="机构电话">
                <el-input v-model="organizationInfo.phone" disabled></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-card>
      <el-card></el-card>
    </el-col> -->
  </div>
</template>

//
<script>
import treePage from "@/components/tree-page.vue";
// import {
// getOrganizationInfoApi,
//   // getAddressApi,
// } from "@/api/organization-manage";
// const typeMap = { 1: "一级转运中心", 2: "二级转运中心", 3: "营业部" };
export default {
  components: { treePage },
  name: "organization-manage",
  data() {
    return {
      organizationInfo: {},
      // nodekey: "",
    };
  },
  // created() {
  //   this.getOrganizationInfo();
  // },
  // methods: {
  //   async getOrganizationInfo(nodekey) {
  //     this.nodekey = nodekey;
  //     const { data } = await getOrganizationInfoApi(nodekey);
  //     console.log(data);
  //     this.organizationInfo = data;
  //     this.organizationInfo.type = typeMap[this.organizationInfo.type];
  //     console.log(this.organizationInfo.type);
  //   },
  // async getAddress() {
  //   const res = await getAddressApi();
  //   console.log(res);
  // },
  // },
};
</script>

<style lang="less" scoped>
.el-container {
  background-color: #fff;
  .el-card {
    ::v-deep .el-card__header {
      font-weight: 700;
      background-color: #fafafa;
      font-size: 16px;
    }
  }
  .el-form {
    ::v-deep .el-form-item__label {
      font-size: 14px;
      font-weight: 700;
      color: #20232a;
    }
  }
}
</style>
